<template>
  <div class="brand-list">
    <!-- <view class="brandcss title-box flex flex-jc-sb flex-ai-c">
      <view class="allbran" @click="resetVal('全部品牌')">全部品牌</view>
      <view class="carnum">{{ brandTotal }}辆</view>
    </view>
    <view v-for="(item, index) in Brandlist" :id="item.initial" :key="item.initial">
      <view class="Brandcss">
        <view class="list-cell2" v-for="(item1, index1) in item.data" :key="index1">
          <view class="brandcss" @tap="searchBrand(item1)">
            <view class="iconimg">
              <image :src="'https://files.yzsheng.com/goodimg/brandimg/' + item1.bid + '.png'" mode="aspectFit"></image>
            </view>
            <view :class="xuanzebrand === item1.bid ? 'brannameZT' : 'branname'">{{ item1.brand }}</view>
            <view class="carnum">{{ item1.carNumber }}条</view>
            <view class="Spin">
              <view :class="xuanzebrand === item1.bid ? 'ppjiantougo' : 'ppjiantou'">
                <u-icon name="arrow-right" color="#9A9A9A" size="12rpx"></u-icon>
              </view>
            </view>
          </view>
          <view class="xieliecss" v-if="xuanzebrand === item1.bid">
            <view class="xilie" v-for="(item2, index2) in CartypeList" :key="index2">
              <view class="cartycss" @tap="XLsearchBrand(item2)">
                <view :class="pzxuanzebrand === item2.carTypeId ? 'xilienamezt' : 'xiliename'">{{ item2.carTypeName }}</view>
                <view class="Spin">
                  <view :class="pzxuanzebrand === item2.carTypeId ? 'ppjiantougo' : 'ppjiantou'">
                    <u-icon name="arrow-right" color="#9A9A9A" size="12rpx"></u-icon>
                  </view>
                </view>
              </view>
              <view class="peizhibox">
                <view class="peizhicss" v-if="pzxuanzebrand === item2.carTypeId">
                  <view class="peizhi" v-for="(item3, index3) in configureList" :key="item3.id">
                      <view :class="xuanzebrand ? 'peizhigo' : 'peizhixz'"></view>
                      <view class="peizhiname" @click="Configuration(item3)">{{ item3.name }}</view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="floor">
      <view v-for="(item, index) in indexlist" :data-id="item" :key="index" @tap="bindToView">{{ item }}</view>
    </view> -->
    <!-- 手风琴效果 -->
    <!-- 带图标 -->
    <u-collapse>
      <u-collapse-item title="宝马" name="宝马">
        <view>
          <u-collapse>
            <u-collapse-item title="宝马730" name="宝马730">
              <view>156416464156</view>
              <!-- <view class="car-list">
                <view class="item">2020款</view>
              </view> -->
            </u-collapse-item>
          </u-collapse>          
        </view>
      </u-collapse-item>
    </u-collapse>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped>
  .brand-list {
    width: 100%;
    height: 100%;
    background-color: #fff;
  }
  
  .car-list {
    background-color: #f6f6f6;
    .item {
    }
  }
</style>
